@import './base.css';

/* App root layout */
html, body {
	overflow: hidden;
}

#app {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 24px;
	margin: 0;
}

/* Utility */
.container-narrow {
	width: 100%;
	max-width: 420px;
}

.text-center { text-align: center; }
.text-muted { color: var(--color-muted-text); }
.mt-24 { margin-top: 24px; }
.mt-8 { margin-top: 8px; }

/* Minimal gradient header band (optional) */
.header-band {
	width: 100%;
	height: 72px;
	background: linear-gradient(90deg, var(--color-primary), #764ba2);
	border-radius: 0 0 16px 16px;
}
